cara menggunakan Google sites sebagai free file hosting

Tak dibisa dipungkiri, sebagai blogger kita membutuhkan tempat untuk menyimpan file-file pendukung blog kita, seperti file-file image, script, video,dan lain-lain. karena kita disini menggunakan blog gratisan, tentu syarat tempat meletakkan file tersebut yang paling utama adalah GRATIS!! disamping hal lain seperti kecepatan upload, unlimited bandwidth,dll.

Menjelang Google pages akan di tutup dan di gatikan dengan Google sites, saya sempat membuat postingan "alternatif layanan pengganti Google pages" sebagai alternatif layanan free file hosting Namun, layanan yang diberikan oleh situs-situs yang saya sebutkan dalam artikel tersebut masih mempunyai kekurangan bila dibandingakan layanan dari googlepages.

Waktu itu saya belum meyinggung Google sites sebagai alternatif file hosting karena saya sendiri masih bingung bagaimana menggunakan Google sites untuk tujuan tersebut. Setelah beberapa hari kemarin menyempatkan diri utak-atik Google sites, ternyata layanan Google sites tidak kalah atau bisa dikatakan sepadan dengan Google pages yang kini sudah ditutup, baik dari segi bandwidth, format file (mendukung untuk upload semua jenis file), maupun kecepatan upload.

Baiklah, tanpa berpanjang lebar lagi, saya akan sharingkan bagaimana cara menggunakan Google sites ini sebagai media peyimpanan file atau free file hosting.

• Silahkan login ke googlesites lalu buatlah sebuah nama website milik anda.Tak usah pilih template atau macam-macam, karena tujuan kita disini adalah untuk media penyimpanan saja.


• Setelah nama website di googlesite anda berhasil dibuat, tujulah ke home dari web anda tersebut, sebagai contoh , berikut gambar home dari web milik saya.
  
  


• Lihat tombol "More actions" yang saya linkari, klik tombol tersebut sehingga muncul drop down menu, lalu pilih "Manage site" untuk masuk ke halaman manage site dari situs web rekan-rekan.


• Sekarang sampailah kita pada inti untuk menggunakan Google sites sebagai free file hosting!!!.


• Dalam halaman "manage site", pilih menu "attacthments" yang terletak di sidebar kiri, selanjutya klik tombol "upload" lalu carilah file yang yang akan di upload. silahkan lihat gambar yang telah saya beri nomor urut berikut ini untuk lebih jelasnya.
  
  


• Seperti gambar di atas, mas Aan telah berhasil menyimpan beberapa filenya di googlesites dan tentunya akan terus bertambah bersama waktu :-D

Ternyata...layanan dari google memang top!!!. semakin membuat aku jatuh cinta sama google. Selanjutnya, file-file yang 2 bulan ini di taruh di tempat free file hosting lain segera bersiap untuk dipindah. kenapa???

Ya... karena salah satu layanan google ini pasti terpercaya. Buktinya, file-file yang dulu di titipkan di Google pages sampai kini tetap bisa diakses dengan baik meskipun googlepagesnya sudah ditutup.Bayangkan, kalau file-file mas Aan di Google pages harus dipindahh kan atu demi atu, berapa lama waktu yang harus di pake untuk merubah semua link image dan script dari blog-blog dan web saya....fuih!!!!! tak terbayangkan.

Aan sangat merekomendasikan layanan dari Google sites ini untuk free file hosting bagi rekan-rekan blogger sekalian, nilai dari saya adalah "THE BEST OF FREE FILE HOSTING "( walaupun tujuan layanan ini dibuat ma om google bukan untuk tujuan tersebut he he he).

Bagaimana dengan rekan-rekan, sudahkah anda memakai layanan googlesites????. Ditunggu sharingnya!!

Baca Selengkapnya-->>......

random rotating image untuk blogger dengan javascript

Tentunnya rekan-rekan sudah tahu apa yang dimaksud dengan random rotating image bukan??? yup...gambar yang berganti-ganti setiap kali halaman web di reload atau di refresh.

Sebelumnya saya telah membuat tulisan serupa di blog tutorial saya yang lama dengan judul posting" cara membuat random banner ads". tulisan mengenai random image tersebut murni utak-atik kode javascript yang saya lakukan yang kodenya di dapatkan dari situs javascriptkit, dari puluhan kode maka saya mendapatkan script terebut yang paling berhasil di aplikasi ke dalam blog. mengenai random rotating image Saya juga telah membuat tulisan terkait yaitu "random rotating image header on blogger" di blog saya yang lama juga. jadi silahkan di coba juga.

Nah, untuk saat ini saya juga ingin sharing cara membuat random rotating image lainnya yang dibisa di aplikasikan ke blogger.Sharing singkat ini saya lakukan karena hari-hari ini masih agak malas nulis, jadi cari materi blogger tutorial yang ringan-ringan saja.

Oke, tanpa banyak babibu, langsung menuju ke inti "cara membuat random rotating image on blogger dengan javascript"-nya

Untuk memasang script random image ini sebenarnya ada 2 jalan, yaitu melalui edit template secara langsung atau yang paling mudah melalui elemen halaman. Sekarang kita pakai cara yang paling mudah saja; melalui element halaman.

• Dari dasbor blog pergi ke halaman elemen halaman dari blog yang akan dipasang random image ini dengan mengklik menu "Tata letak" dari blog yang dipiliih


• Setelah halaman terbuka, klik "tambah gadget" lalu pilih yang "html/ javascript". klik " tambahkan ke blog".


• kopi kode di bawah ini lalu pastekan di halaman tambah html/ javascript yang telah terbuka
  
  
  <script language="javascript">

<!--

var bdis = "<img src=\"";

var edis = " style=\"border:none;\">";

var rnumb = "";

var img = "";



rnumb += Math.floor(Math.random()*5);

img = rnumb;



if (img == "0") {document.write(bdis+ "http://www.imagehosting.com/picture0.jpg\"" +edis);}

if (img == "1") {document.write(bdis+ "http://www.imagehosting.com/picture1.jpg\"" +edis);}

if (img == "2") {document.write(bdis+ "http://www.imagehosting.com/picture2.jpg\"" +edis);}

if (img == "3") {document.write(bdis+ "http://www.imagehosting.com/picture3.jpg\"" +edis);}

if (img == "4") {document.write(bdis+ "http://www.imagehosting.com/picture4.jpg\"" +edis);}

// -->

</script>
  
  
  untuk kode
  random()*5)silahkan ganti dengan jumlah gambar yang akan di jadikan dalam rotating image ini.
  
  sedangkan kode dibawahnya yang diberi warna merah adalah lokasi peyimpanan gambar.silahkan ganti dengan jumlah gambar yang di inginkan.


• simpan perubahan.


• selesai.

Nah, ternyata gampang bukan membuat random rotating image di blogger?. jangan lupa mengunjung blog saya yang lama untuk membaca-baca tutorial mengenai random image ini.

ada yang punya script lain mengenai random rotating image ini, silahkan di sharing!!!

Baca Selengkapnya-->>......

Memasang status Yahoo mesengger di blog / web

Yahoo mesengger merupakan salah satu IM yang paling terkenal hingga saat ini. oleh karena itu, ada baiknya bila status Yahoo mesengger anda di pasang di blog atau web rekan-rekan sehingga pengunjung web atau blog rerkan-rekan mengetahui saat anda online.Dengan memasang status Yahoo mesengger di blog atau web anda maka pengunjung akan lebih mudah untuk berinteraksi dengan anda.

Untuk memasang status Yahoo mesengger di blog atau web ternyata tidaklah sulit, cukup dengan secuil kode berikut maka status Yahoo mesengger anda sudah terpasang di blog. Silahkan copy kode berikut lalu letakkan di bagian yang di suka dari web atau blog rekan-rakan untuk memunculkan status Yahoo mesengger di blog / web masing-masing.

<a href="ymsgr:sendIM?aan_saburai">

<img border=0 src="http://opi.yahoo.com/online?u=aan_saburai&amp;m=g&amp;t=1" />  </a>

Masih bingung???.gampang kok, ganti id saya yang di beri warna merah(aan_saburai) dengan id Yahoo mesengger milik rekan-rekan. Sedangkan angka satu pada " t=1" adalah pilihan variasi model gambar status yahoo mesengger. silahkan ganti angka tersebut dengan angka lain dari 1 sampai dengan 24 untuk memculkan gambar status Yahoo mesengger yang berbeda.

Di bawah ini adalah variasi angka beserta gambar status Yahoo mesengger yang akan mucul

• 1 =
  


• 2 =
  


• 3 =
  


• 4 =
  


• 5 =
  


• 6 =
  


• 7 =
  


• 8 =
  


• 9 =
  


• 10 =
  


• 11 =
  


• 12 =
  


• 13 =
  

• 14 =
  


• 15 =
  


• 16 =
  


• 17 =
  


• 18 =
  


• 19 =
  


• 20 =
  


• 21 =
  


• 22 =
  


• 23 =
  


• 24 =
  

Silahkan dipilih variasi gambar status Yahoo mesengger yang anda suka.

Semua gambar diatas menggunakan id saya, jadi kalau rekan-rekan melihat status Yahoo mesengger saya sedang aktif atau online, silahkan di klik untuk cuap-cuap ma Mas Aan :-D

Bagaimana???gambarnya asik-asik khan???untuk chat dengan saya silahkan klik gambar status Yahoo mesengger diatas atau bila rekan-rekan masih bingung mengenai cara menampilkan status Yahoo mesengger di blog / web ini, silahkan tinggalkan pesan..

Baca Selengkapnya-->>......

cara mengedit kode template blogger dengan aman (For Beginner)

Mau tidak mau dan harus mau bagi rekan-rekan blogger yang ingin mengutak-atik template blognya supaya lebih cantik maka harus berhubungan dengan kode-kode template blognya yang banyak, membingungkan, dan sangat njelimet bagi yang kurang mengerti html dan css.

Setiapk kali anda mengikuti tutorial blogger, maka sudah jamak petunjuknnya adalah "cari kode berikut". Mata kita bisa bisa pedes bila mencari kode yang di perintahkan diantara tumpukan kode template blogger. kalau pepatahnya...seperti mencari kutu di pantat gajah Eh salah ya...:-D

Yup..untuk itu, coba anda ikuti tips diberikut ini.

Caranya???gunakan fungsi pencarian atau find dari browser yang dipakai.semisal anda memakai browser firefox (my fovorite browser) maka ikuti petunjuk berikut ini:

• Pilih menu Edit di bagian atas broser lalu sorot dan klik Find
  
  


• Selanjutnya, lihat di bagian sudut kiri bawah browser, maka disana akan muncul kotak pencarian seperti gambar di bawah ini:
  
  


• Sekarang tinggal anda ketikkan kode yang di cari di kotak tersebut.Maka....kode kode yang dicari akan cepat anda temukan dan sekarang mata tidak perlu terasa pedas lagi.
  
  

Ngomong-ngomong, gambar blogger yang diatas itu hasil colongan dari blog tetangga, tapi kemaring lupa dimana ngambilnya.:-D

Ada yang masih kurang mengerti dengan tutorial ini? silahkan tinggalkan komentar.

Baca Selengkapnya-->>......

Cara membuat random iklan google adsense

Google adsense??, bagi kalangan blogger ataupun semua penggiat internet marketing nama ini sudah sangat akrab ditelinga sebagai salah satu penghasil recehan dollar :-D.

Apakah pernah terfikir dalam benak rekan-rekan untuk merandom pemunculan iklan adsense tersebut?(random itu????memunculkan dua atau lebih secara acak dan bergantian).Apabila sudah terfikir, bagaimana caranya?...yup, ternyata untuk merandom iklan adsense tidak butuh kode yang sulit. Cukup dengan sedikit kode javascript yang simple yang akan saya terangkan ini maka kita bisa membuat random iklan adsense dalam blog atau web kita

Alasan merandom iklan adsense

Sebelum memulai cara membuat random iklan adsense, ada baiknya kita mengetahui alasan utama mengapa melakukan hal tersebut.

Ada beberapa alasan mengapa sesorang merandom iklan adsense dalam blog atau webnya.

• Untuk mengetahui dan membandingkan manakah iklan adsense yang lebih banyak dalam penghasilannya dari dua jenis type add yang berbeda yang dipasang pada lokasi yang sama. Semisal antara iklan dalam bentuk teks saja atau image saja (dimana keduanya mempunyai ukuran yang sama)


• Sebuah blog atau web dikelola oleh dua orang dan didalamnya terdapat adsense. Sehingga, dengan membagi sama rata pemunculan adsense dalam blog atau web tersebut kedua pengelolanya mempunyai kesempatan yang sama dalam mendapatkan penghasilan dari pemunculan masing-masing iklannya adsensenya.

Cara membuat random adsense

Sebelum kita merandom adsense kita, sebaiknya kita melihat dulu bagaimana kode iklan adsense tersebut bekerja.

Mari kita lihat sejenak contoh iklan adsense dibawah ini:

 <script type="text/javascript"><!--

 google_ad_client = "pub-2399151883698113";

 /* Aan Tall Skyscraper */

 google_ad_slot = "8702750734";

 google_ad_width = 160;

 google_ad_height = 600;

 //-->

</script>


<script type="text/javascript" 

src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

Perhatikan dengan seksama kedua kode tersebut, dalam kode <script> yang pertama memuat properti iklan google adsense anda, seperti publisher id, Google_ad_slot ( settingan iklan yang telah disimpan yang memuat warna iklan,dll), tinggi dan lebar iklan.

Bagian kedua adalah kode <script> kedua yang berisi elemen "show_ad.js" untuk mengatur bagaimana iklan ditampilan berdasarkan variable yang tela diset sebelumnya.

Selanjutnya, dari kedua script kode tersebut, ternyata untuk membuat randomnya kita hanya membutuhkan sedikit statemen dengan java script. Ikuti contoh kode adsense yang telah ditambah dengan statemen if dan else di bawah ini untuk membuat random iklan adsense milik anda.

<script type="text/javascript">

<!--

if (Math.random() > 0.5) { 

  google_ad_client = "pub-2399151883698113";

  google_ad_slot = "5396010225";

  google_ad_width = 250;

  google_ad_height = 250;

} else {

  google_ad_client = "pub-2399151883698113";

  google_ad_slot = "3900536874";

  google_ad_width = 250;

  google_ad_height = 250;

}

//-->

</script>

<script type="text/javascript"

src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

Masih bingung juga?..singkatnya begini:

Tambahkan kode yang diberi warna merah seperti contoh diatas dalam adsense milik rekan-rekan.Selanjutnnya, letakkan script adsense yang pertama setelah kode if (Math.random() > 0.5) {

Sedangkan setelah kode statemen } else { diisi dengan adsense lain yang ingin ditampilkan (script kode warna biru).

Cukup anda ikuti seperti contoh kode diatas, lalu simpan halaman web atau blog milik rekan-rekan. setelah itu refreshlah halaman tersebut beberapa kali maka anda akan mendapati bahwa kedua iklan adsense tersebut akan muncul secara random dan porsinya kemunculannya adalah 50:50.

Baiklah, saya harap tulisan bertele-tele mengenai random iklan adsense ini tidak membuat bingung rekan-rekan.Bila masih bingung juga mengenai cara membuat random iklan adsense ini, silahkan tinggalkan pertanyaan di kotak komentar atau silahkan ajukan pertanyaan via YM..Bisa juga via Facebook saya.

SELAMAT MENCOBA DAN SELAMAT BERBURU DOLLAR

Baca Selengkapnya-->>......

Cara membuat daftar isi blog

Daftar isi blog merupakan bagian terpenting dalam blog. dengan adanya daftar isi blog, pengunjung blog dapat mencari tulisan atau artikel dalam blog dengan mudah sehingga mereka tidak harus membuang buang waktu untuk menelusuri semua tulisan hanya untuk mencari satu artikel yang dicari.

Kali ini, Aan akan menjelaskan bagaimana cara membuat daftar isi blog. Daftar isi ini merupakan karya pemilik blog beautifulbeta.blogspot.com yang sudah dimodifikasi oleh rekan blogger pemilik blogbuster.com.Kemudian, Aan rubah sedikit saja sehingga daftar isi ini menjadi berbahasa Indonesia, karna aku orang indonesia, Aku cinta indonesia.

Tidak usah membuang banyak waktu, sekarang kita mulai cara membuat daftar isi ini. tapi sebelum saya mulai, baiknya rekan-rekan melihat hasil jadi dari tutorial ini. Untuk melihat contoh dari daftar isi yang akan di terangkan, silahkan klik disini atau klik tab menu Daftar isi di bagian atas blog ini.

CARA MEMBUAT DAFTAR ISI:

• Dari dashbord blog anda klik menu "Tata letak" dari blog yang akan di pasang daftar isi


• Pilih tab "Edit html" untuk masuk ke halaman template blog


• Copy kode di bawah ini lalu pastekan tepat di atas kode ]]></b:skin>. Anda bisa merubahnya bila anda cukup familiar dengan CSS.
  
  

  /*------DAFTAR ISI TOC-----*/
  #toc {
    border: 0px solid #000000;
    background: #ffffff;
    padding: 5px;
    width:500px;
    margin:10px 0 20px 0;
  }
  .toc-header-col1, .toc-header-col2, .toc-header-col3 {
    background: #e0e0e0;
    color: #5d5d54;
    padding: 8px 5px 8px 5px;
    width: 300px;
  }
  .toc-header-col1 {
    width:300px;
  }
  .toc-header-col2 {
    width:75px;
  }
  .toc-header-col3 {
    width:125px;
  }
  .toc-header-col1 a:link, .toc-header-col1 a:visited, 
  .toc-header-col2 a:link, .toc-header-col2 a:visited, 
  .toc-header-col3 a:link, .toc-header-col3 a:visited {
    font-size:90%;
    color: #404040;
    text-decoration:none;
  }
  .toc-header-col1 a:hover, .toc-header-col2 a:hover,
   .toc-header-col3 a:hover {
    font-size:90%;
    text-decoration:underline;
  }
  
  .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
    padding-left: 5px;
    font-size:90%;
  }
  
  .toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a {
    text-decoration: none;
  }
  /*------END DAFTAR ISI TOC ---*/

  
  
  simpan perubahan template.


• Selanjutnya, klik tab menu "posting"


• Di dalam halaman posting, pilih yang "Edit html". Copy kode berikut ini lalu pastekan dalam kotak postingan blog
  
  
  <center><div id="toclink"><p>Di halaman ini anda dapat menemukan semua artikel dari web ini</p> <p>Untuk melihat semua daftar isi, silahkan klik link dibawah ini.</p> <p><a href="javascript:showToc();"><b>BUKA DAFTAR ISI</b></a></p>
  
  
  
  </div> <script style="" src="http://lukman.oke.googlepages.com/TOC.js"></script> <script src="http://nama_blog_anda.blogspot.com/feeds/posts/default?alt=json-in-script&amp;max-results=999&amp;callback=loadtoc"></script><div id="toc"></div></center>
  
  yang di beri warna merah silahkan sesuaikan dengan alamat blog anda.


• Klik "Terbitkan Entri"


• Selesai.

Selanjutnya, tugas anda adalah membuat link untuk menuju ke halaman daftar isi tersebut,entah link tersebut akan di letakkan di sidebar, atau bagian atas blog, itu adalah piliha anda sendiri. Posisi yang bagus untuk menaruh link daftar isi ini adalah di bagian tab menu blog (apabila blog anda menggunakan tab menu) seperti yang saya gunakan di dalam blog ini.

Cara membuat link masih bingung juga?.Begini, tulis kode html seperti berikut dan sesuaikan URL dengan alamat postinga daftar isi yang telah dibuat:

<a href="http://www.URL_daftar_isi_bloganda">DAFTAR ISI</a>


SELAMAT MENCOBA

Baca Selengkapnya-->>......

cara membuat readmore dan memasang adsense yang muncul dalam halaman posting

Artikel ini seharunya dipisah menjadi dua, tetapi karna aan ingin rekan-rekan tahu bahwa pada artikel yang selanjutnya masih bertautan dengan artikel yang sekarang, maka sengaja judulnya aan buat jadi panjang.

Yang akan aan jelaskan adalah cara membuat readmore atau baca selengkapnya seperti yang ada dalam blog ini, ketika baca selengkapnya di klik maka akan terbuka seluruh artikel dan muncul adsense. Uuniknya, iklan adsense dalam halaman posting tidak muncul ketika postingan artikel masih sepenggal. Cara ini sepenuhny aan temukan sendiri.Cara ini juga aan gunakan di sebagian besar situs blog milik aan seperti di cominfo-indonesia blog.

Untuk readmore yang akan kita pasang kali ini adalah readmore buatan Hans (www.hackosphere.blogspot.com) yaitu selective expandable post. Bila anda pernah membaca artikela kang rohman (http://kolom-tutorial.blogspot.com/2007/06/read-more-versi-baru.html)yang berjudul " readmore versi baru"(yang notabene artikel-artikelnya mengenai readmore adalah copas terjemahan dari buatan hans juga). Maka fungsi readmore kali ini adalah peyempurnaan dari itu.dan lagi, iklan adsense yang akan dimunculkan dalam halaman postingan lengkap yangkan saya terangkan di artikel selanjutnya tidak akan bisa diterapkan dalam blog anda bila anda menggunakan readmore yang dijelaskan oleh kang rohman tersebut.

untuk kelebihan readmore yang akan saya terankan dengan yang di jelaskan kang rohman disini, silahakan anda cari sendiri, yang jelas fungsi readmore-nya lebih oke yang ini karna ini adalah versi peyempurnaan..

Cara membuat :

• Login ke akun blogger anda, dari Dasbor pilih tab 'Tata Letak" dari blog yang akan dipasang fungsi readmore


• Pilih tab "edit html".


• Setelah halaman edit html terbuka, beri tanda centang pada kotak kecil disamping tulisan"expand template widget" yang berada dipojok kanan atas dari kotak template blog.


• Cari kode di bawah ini dalam kotak template blog
  
  </head>


• Copy kode dibawah ini dan pastekan tepat di atas kode </head> tadi.
  
  
  
  
  <!--script untuk readmore-->
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
  <script type='text/javascript'>
  
  var fade = false;
  function showFull(id) {
  var post = document.getElementById(id);
  var spans = post.getElementsByTagName(&#39;span&#39;);
  for (var i = 0; i &lt; spans.length; i++) {
  if (spans[i].id == &quot;fullpost&quot;) {
  if (fade) {
  spans[i].style.background = peekaboo_bgcolor;
  Effect.Appear(spans[i]);
  } else spans[i].style.display = &#39;inline&#39;;
  }
  if (spans[i].id == &quot;showlink&quot;)
  spans[i].style.display = &#39;none&#39;;
  if (spans[i].id == &quot;hidelink&quot;)
  spans[i].style.display = &#39;inline&#39;;
  }
  }
  
  
  function hideFull(id) {
  var post = document.getElementById(id);
  var spans = post.getElementsByTagName(&#39;span&#39;);
  for (var i = 0; i &lt; spans.length; i++) {
  if (spans[i].id == &quot;fullpost&quot;) {
  if (fade) {
  spans[i].style.background = peekaboo_bgcolor;
  Effect.Fade(spans[i]);
  } else spans[i].style.display = &#39;none&#39;;
  }
  if (spans[i].id == &quot;showlink&quot;)
  spans[i].style.display = &#39;inline&#39;;
  if (spans[i].id == &quot;hidelink&quot;)
  spans[i].style.display = &#39;none&#39;;
  }
  post.scrollIntoView(true);
  }
  
  function checkFull(id) {
  var post = document.getElementById(id);
  var spans = post.getElementsByTagName(&#39;span&#39;);
  var found = 0;
  for (var i = 0; i &lt; spans.length; i++) {
  if (spans[i].id == &quot;fullpost&quot;) {
  spans[i].style.display = &#39;none&#39;;
  found = 1;
  }
  if ((spans[i].id == &quot;showlink&quot;) &amp;&amp; (found == 0))
  spans[i].style.display = &#39;none&#39;;
  }
  }
  
  </script>
  </b:if>
  
  
  <!--end of script redamore-->
  
  



• selanjutnya scroll kebawah dan cari kode seperti dibawah ini:
  
  

  <div class='post-body'  expr:id='"post-" + data:post.id' >
  
     <b:if cond='data:blog.pageType == "item"'>
        <style>#fullpost{display:inline;}</style>
        <p><data:post.body/></p>
     <b:else/>
        <style>#fullpost{display:none;}</style>
  
        <p><data:post.body/></p>
  
       <span id='showlink'>
        <a expr:href='data:post.url'>Read More......</a>
       </span>
       <script type='text/javascript'>
         checkFull("post-" + "<data:post.id/>");
       </script>
     </b:if>
  
     <div style='clear: both;'/> <!-- clear for photos floats -->
   </div>

  
  
  kode yang warna hitam adalah kode asli dari template blog yan harus anda cari. sedangkan kode yang warna merah adalah kode yang harus di tambah kedalam template blog rekan-rekan.


• Klik tombol "simpan template."


• Selanjutnya, klik menu "pengaturan"


• Klik menu "format"


• Scroll kebawah, lalu cari kotak kosong disamping tulisan "template posting"


• Copy kode berikut dan pastekan kotak kosong tersebut
  
  

  tulis ringkasan posting artikel disini
  
  <span id="fullpost">
  
  tulis lanjutan posting artikel disini
  
  </span>

  
  


• Klik tombol "simpan setting"


• Selesai.

CARA POSTING ARTIKEL

Pada saat rekan rekan ingin memposting artikel dan berada di halaman posting, pilih tombol menu yang 'EDIT HTML", jangan memilih tombol yang "COMPOSE". maka, secara otomatis, kode tadi akan terlihat di kotak postingan blog.

tulis ringkasan posting artikel disini

<span id="fullpost">

tulis lanjutan posting artikel disini

</span>

Tulis ringkasan artikel yang mau ditampilkan dimuka sebelum atau diatas kode

<span id="fullpost"> dan sisa keseluruhan artikel di tulis setelah kode tersebut dan sebelum kode </span>. Untuk artikel yang pendek, rekan-rekan tinggal menghapus kode tersebut, maka secara otomatis tulisa "readmore" akan hilang dari artikel rekan-rekan.

SELAMAT NGEBLOG...

LET'S ROCK INDONESIA WITH BLOGGING ACTIVITY!!!!! VIVA BLOGGER!

Baca Selengkapnya-->>......